<template>
  <div class="create-list">
    <div class="list-header">
      <div class="list-span1" style="border:1px solid">
        <span>取消</span>
      </div>
      <div class="list-span2" style="border:1px solid">
        <span>完成</span>
      </div>
    </div>
    <div class="songlist-type">歌单名称</div>
    <div class="songlist-name">
      <input type="text">
    </div>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style scoped>
.create-list{
  position: absolute;
  bottom:50%;
  width: 100%;
  background: #fff;
  z-index: 999;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
}

.list-header{
  display: flex;
}

.list-span1{
  flex: 1;
}
</style>